<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
		"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>支付成功</title>
</head>
<link rel="stylesheet" type="text/css" href="../css/index.css"/>
<link rel="stylesheet" type="text/css" href="css/yuding.css"/>

<script src="../../../js/vue.js"></script>
<script src="../../../js/index.js"></script>
<link rel="stylesheet" href="../../../css/index.css">
<script src="../../../js/axios.min.js"></script>
<script src="../../../js/vue-qriously.js"></script>

<body>
<div id="app">
	<div>
		<iframe scrolling="no" frameborder="0" src="../head/head.html" width="100%" height="27"></iframe>
	</div>
	<div class="top">
		<iframe scrolling="no" src="../top/top.html" frameborder="0" width="100%" height="110"></iframe>
	</div>
	<div class="menu">
		<iframe scrolling="no" src="../daohang/meizu.html" frameborder="0" width="100%" height="50"></iframe>
	</div>
	<div class="container">
		<div class="bgcolor_white">
			<div class="cur_position">您的位置：<a @click="home()">首页</a> &gt;&nbsp;&nbsp;门票预订</div>

			<div class="yd_1200">
				<div class="step">
					<ul>
						<li class="step1">选择景点</li>
						<li class="step1">填写订单</li>
						<li class="step2">预约成功</li>
					</ul>
				</div>
			</div>

			<div class="yd_1200">
				<div class="dd_success">
					<div class="sccess_tip">
						<span class="s_pic"><img src="images/check.png"/></span>
						<span class="s_text">订单号：{{orderNo}} ，支付成功凭借取票人身份证到前台取票<br/>{{checkUser.account}}您的预订已成功，{{s}}...秒后跳转主页</span>
						<!--<span class="s_text">订单号：S14102146938 我们还为你生成了二维码<img src="images/barcode_2d.png" /><br />您的预订已成功，我们将给您发送确认短信。</span>-->
					</div>
					<div class="s_tip">
						<p>你可凭确认短信，或二维码 入园！</p>
						<p>您将在1-5分钟内收到订单短信，若未收到请查看是否被360相关手机软件拦截，或更换其它号码再次预订，如还未收到请致电xxx-xxxxx</p>
						<p>如因下班期间(18：00-9：00)，我们无法为您立即处理问题，请您在早上9：00致电处理您的订单。请您耐心等待。</p>
						<p>您可以把二维码另存为图片打印，或者用手机拍照到景区直接扫描验证</p>
						<p>恭喜您，已自动成为我们的注册会员！</p>
						<p>您下次预订时可使用手机号码直接登录，并可享受我们的注册会员服务。密码已发至您的手机中，请注意查收。</p>
					</div>
				</div>

			</div>
			<div class="footer">
				<iframe scrolling="no" src="../footer/foot.html" frameborder="0" width="1200" height="120"
						_height="120"></iframe>
			</div>
		</div>
	</div>
</div>

<script>
	new Vue({
		el: '#app',
		data() {
			return {
				orderNo: "",//订单id
				checkUser: {},//用户
				s:10,//秒数
				timer1:"",//秒数的控制器
			}
		},
		//钩子
		created: function () {
			//判断用户是否登录
			this.getUser();
		},
		methods: {
			//判断用户
			getUser() {
				let _this = this
				axios.get('/tuser/tick')
						.then(function (response) {
							if (response.data.code == 200) {
								//初始化信息
								_this.checkUser = response.data.data
								_this.orderNo = location.href.split('=')[1]
								_this.timer1=setInterval(()=>{
									_this.s -=1;
									if (_this.s<=1){
										clearInterval(_this.timer1);
									}
								},1000)
								setTimeout(function () {
									top.location.href = "/html/front/indexshiyan.html"
								}, 10000); // 定时时间

							} else {
								alert(response.data.data)
							}
						}).catch(function (error) {
					console.log(error);
				});
			},
			//主页
			home() {
				top.location.href = "/html/front/indexshiyan.html"
			},

		},


	})

</script>

</body>
</html>
